<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:f='http://java.sun.com/jsf/core'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='IMCuenta' id='IMCuenta'><p:growl/>

<h:panelGrid columns='2' width='100%' styleClass='align-top' cellpadding='0' cellspacing='0'>

<p:treeTable tableStyleClass='ui-datatable-tree' value='#{IMCuenta.root}' var='node' selectionMode='single' styleClass='rowNvx' rowStyleClass='rowN#{node.tipo lt 4? node.nivel : 4}'

        selection='#{IMCuenta.selectedNode}'   rendered='#{not empty IMCuenta.lsEntity}' resizableColumns='true' style='width: 400px; border :none'>

<p:ajax event='select' update=':#{formId}:cuentaId' listener='#{IMCuenta.onNodeSelect}'/>

<f:facet name='header'>PLAN DE CUENTAS</f:facet>

<p:column headerText='Codigo' style='width: 120px'><h:outputText value='#{node.codigo}'/></p:column>

<p:column headerText='Cuenta'><h:outputText value="#{node.signo > 0? '' : '-'} #{node.nombre}"/></p:column>

<p:column headerText='Nivel' style='width: 25px'><h:outputText value='#{node.nivel}'/></p:column>

</p:treeTable>


<h:panelGroup id='cuentaId'>

<z:beanForm bean='#{IMCuenta}'>

<e:fieldC b='#{bean}' p='Codigo'/>

<e:fieldI b='#{bean}' p='Nombre'/>

<x:fieldS b='#{bean}' t='Suma' v='#{bean.entity.suma}' x='#{x}' xL='#{x.nombre}'/>

<h:panelGrid columns='3' cellpadding='0'>

<e:fieldL b='#{bean}' p='Signo' x='s' w='55px'>

<f:selectItem itemLabel='Suma' itemValue= '1'/>

<f:selectItem itemLabel='Resta' itemValue='-1'/>

</e:fieldL>

 <e:fieldL b='#{bean}' p='Tipo' x='s' w='75px' wT='45px' sT='margin-left:10px'>

<f:selectItem itemLabel='DETALLE' itemValue='0'/>

<f:selectItem itemLabel='GRUPO'   itemValue='1'/>

 </e:fieldL>

<x:fieldT b='#{bean}' t='Nivel' v='#{bean.entity.nivel}' sT='margin-left:15px' style='background:transparent'/>

</h:panelGrid>

</z:beanForm>


<z:beanTable bean='#{IMCuenta}' rows='150' rowStyleClass='rowN#{x.tipo lt 4? x.nivel : 4}'>

<z:columnT t='Cuenta' v='#{x.nombre}'/>

<z:columnT t='Tipo'  v="#{x.tipo == 0? 'D' : 'G'} #{x.signo > 0? '+' : '-'}" w='15px'/>

<z:columnT t='Nivel' v='#{x.nivel}' w='15px'/>

<z:columnT t='Suma'  v='#{x.suma.codigo}' w='20px'/>

</z:beanTable>

</h:panelGroup>

</h:panelGrid>

</h:panelGroup>